<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<!--需要的对象:
  blog
-->

<head lang="en">
  <meta charset="UTF-8">
  <title>编辑博文</title>
  <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css">
  <link rel="stylesheet" href="/css/footer.css">
  <link rel="stylesheet" href="/css/sidbar.css">
  <link rel="stylesheet" href="/css/blog.css">
  <link rel="stylesheet" href="/css/highlight.css">
  <link rel="stylesheet" href="/lib/bootstrap-wysihtml5/bootstrap3-wysihtml5.css">
  <link rel="stylesheet" href="/lib/tagify/jquery.tagify.min.css"/>
  <script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
  <script src="http://cdn.bootcss.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
  <script src="/lib/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.js"></script>
  <script src="/lib/tagify/jquery.tagify.js"></script>
</head>

<body>
<nav class="navbar navbar-inverse navbar-fixed-top">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="./list.html">Lorem 的博客</a>
    </div>
    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li><a href="/about.html">首页</a></li>
        <li><a href="#">最近</a></li>
        <li><a href="#">归档</a></li>
        <li><a href="#">关于</a></li>
      </ul>
      <form class="navbar-form navbar-right">
        <input type="text" class="form-control" placeholder="搜索...">
      </form>
    </div>
  </div>
</nav>

<div class="container">
  <div class="page-header">
    <h2>创建博文
      <small>在这里新建一篇博客</small>
    </h2>
  </div>

  <div class="row">

    <div class="col-sm-8">

      <form class="form-create-blog" method="post" th:action="|/admin/blog/${blog.id}/edit|">
        <input type="hidden" name="_method" value="put">
        <div class="form-group">
          <label for="title">标题</label>
          <input type="text" class="form-control" name="title" id="title" placeholder="文章的标题" autofocus="" th:value="${blog.title}">
        </div>
        <div class="form-group">
          <label for="title">标签</label><p>
          <input type="text" class="form-control" name="tag" id="tag" placeholder="标签" autofocus="">
        </div>
        <div class="form-group">
          <label for="content">内容</label>
          <textarea class="form-control" id="content" name="content" placeholder="文章的内容" rows="18" th:text="${blog.content}"></textarea>
        </div>
        <button type="submit" class="btn pull-right btn-primary">保存</button>
      </form>

    </div>

    <div class="col-sm-3 col-sm-offset-1">
      <div class="sidebar-module sidebar-module-inset">
        <div class="avatar">
<!--          <img class="img-circle img-rounded img-thumbnail avatar" src="static/img/catty.jpeg">-->
          <img class="img-circle img-rounded img-thumbnail avatar" src="/img/catty.jpeg">
          <div>
            <h4>Lorem</h4>
            <a>lorem@example.com</a>
          </div>
        </div>
        <p>Ornare sapien rhoncus, nec mi hendrerit. Ante aliquam dui arcu, diam sodales erat felis dolor sed in, nec
          placerat non.</p>
      </div>
      <div class="sidebar-module">
        <h4>归档</h4>
        <ol class="list-unstyled">
          <li><a href="#">2015年03月</a></li>
          <li><a href="#">2015年02月</a></li>
          <li><a href="#">2015年01月</a></li>
          <li><a href="#">2014年12月</a></li>
          <li><a href="#">2014年11月</a></li>
          <li><a href="#">2014年10月</a></li>
          <li><a href="#">2014年09月</a></li>
          <li><a href="#">2014年08月</a></li>
          <li><a href="#">2014年07月</a></li>
        </ol>
      </div>
    </div>

  </div>

</div>

<footer>
  &copy; 2014 SomeCompany, Org &middot; <a href="#">隐私</a> &middot; <a href="#">条款</a>
</footer>

</body>
</html>